<!-- Link -->
<span *ngIf="options.type == columnType.Link">    
    <a [routerLink]="value.routerLink" title="{{ value.name }}" class="text-link">
        {{ value.name }}
    </a>
    <div *ngIf="value.description">{{value.description}}</div>
</span>

<!-- External Link -->
<span *ngIf="options.type == columnType.ExternalLink">    
    <a href="{{value.routerLink[0]}}" title="{{ value.name }}" class="text-link">
        {{ value.name }}
    </a>
    <div *ngIf="value.description">{{value.description}}</div>
</span>

<!-- Label -->
<span *ngIf="options.type == columnType.Label" title="{{value}}">
    {{value}}
</span>
<!-- DateTime -->
<span *ngIf="options.type == columnType.DateTime && isDate(value)" title="{{ value | date: 'dd MMM yyyy' }}">
    {{ value | date: 'dd MMM yyyy' }}
</span>
<!-- Buttons -->
<span *ngIf="options.type == columnType.Availability">
    <i *ngIf="getClass(value) === 'available'" class="ti-check text-success"></i>
    <i *ngIf="getClass(value) === 'notAvailable'" class="ti-close"></i>
    <i *ngIf="getClass(value) === 'noData'" class="ti-na text-red"></i>
</span>
<!-- MultiLine -->
<span *ngIf="options.type == columnType.MultiLine">
    <span *ngFor="let label of value" title="{{label}}">
        {{label}}
        <br>
    </span>
</span>
<!-- Editable -->
<span *ngIf="options.type == columnType.Editable">    
    <span *ngIf="!value.isEdit">{{ value.value }}</span>
    <i *ngIf="!value.isEdit" class="ti-pencil" (click)="value.isEdit=!value.isEdit"></i>
    <input *ngIf="value.isEdit" type="number" class="form-control my-1" [(ngModel)]="value.value">
    <div *ngIf="value.isEdit" class="mt-1">
        <a href="javascript:;;" class="text-link text-uppercase secondary-text" (click)="value.isEdit=!value.isEdit;">Cancel</a>
        <a href="javascript:;;" class="text-link text-uppercase secondary-text ml-3" (click)="onButtonClicked(value); value.isEdit=!value.isEdit;">Save</a>
    </div>
</span>
<!-- Buttons -->
<span *ngIf="options.type == columnType.Buttons">     
    <span *ngFor="let button of value">
        <button *ngIf="button.buttonType == buttonType.Button" (click)="onButtonClicked(button.actionOptions)" class="btn btn-sm btn-transparent"
            [disabled]="!button.isEnabled"> {{ button.name }} </button>
        <br *ngIf="options.hasMultipleEntries">
        <ui-switch *ngIf="button.buttonType == buttonType.CheckBox" size="small" (change)="onButtonClicked(button.actionOptions)" [(ngModel)]="button.actionOptions.selected" [disabled]="!button.isEnabled"></ui-switch>
    </span>
</span>